@charset "utf-8";
/* CSS Document */
body{ background:#FFFFFF;}
.wide{width:1000px; height:auto; margin:0px auto; text-align:center;}

.header{width:100%; height:123px; overflow:hidden; text-align:center;}
.header .logo{width:304px; display:block; height:123px; margin:0px auto; background:url(../images/logo_03.jpg) no-repeat center;}

.nav{width:100%; height:40px; line-height:40px; text-align:center;}
.nav ul{width:800px; height:40px; margin:0px auto; list-style:none;}
.nav ul li{width:160px; float:left; text-align:center; height:40px; position:relative;}
.nav ul li span{display:block; width:100%; height:40px;}
.nav ul li span a{display:block; width:100%; height:38px; font-size:14px; color:#999; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:2px; border-bottom:2px #FFFFFF solid;}
.nav ul li.hover span a{color:#333333; border-bottom:2px #fff solid;}
.nav ul li div.sub_nav_list{width:160px; display:none; height:auto; min-height:30px; position:absolute; z-index:9999; top:40px; left:0px; background:url(../images/sub_nav_bg_03.png) repeat left top;}
.nav ul li div.sub_nav_list a{display:block; line-height:30px; color:#FFFFFF; font-size:13px; text-align:left; overflow:hidden; padding:0px 5px;}
.nav ul li.hover div.sub_nav_list{display:block;}
.nav ul li.hover div.sub_nav_list a:hover{color:#fff; text-decoration:underline;}

.music{width:100%; height:30px; margin-top:-30px; line-height:30px;}
.music a{ float:right; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#bbb; font-weight:bold; margin-right:10px;}

.index_slide{width:1200px; margin:0px auto; height:515px; overflow:hidden; position:relative;}
.index_slide_list{position:absolute; width:100%; height:515px; overflow:hidden; z-index:9; background:#eee;}
.index_slide_btns{ width:100%; height:20px; line-height:20px; margin-top:5px;}
.index_slide_btns a{display:block; width:20px; height:20px; overflow:hidden; background-image:url(../images/left_right_btn_03.jpg); background-repeat:no-repeat; cursor:pointer; float:right; margin-right:10px;}
.index_slide_btns a.left{background-position:0 0;}
.index_slide_btns a.right{background-position:right 0;}

.index_content{height:235px; line-height:235px; overflow:hidden;}
.index_box{width:333px; float:left; height:235px; background-position:center; background-repeat:no-repeat;}
.content1{background-image:url(../images/index_tit_1_en_03.jpg);}
.content2{background-image:url(../images/index_tit_2_en_03.jpg);}
.content3{background-image:url(../images/index_tit_3_en_03.jpg);}
.index_box a{display:block; width:100%; height:235px;}

.footer{height:auto; min-height:30px; line-height:30px; text-align:left;}
.footer_content{height:auto; float:left; width:830px; min-height:30px; text-align:left; color:#aaa; font-size:13px;}
.lang{width:160px; height:30px; line-height:30px; float:right;}
.lang ul{list-style:none;}
.lang ul li{width:75px; float:left; height:30px;}
.lang ul li.fr{float:right;}
.lang_zh{background:url(../images/lang_zh_03.png) no-repeat center;}
.lang_en{background:url(../images/lang_en_03.png) no-repeat center;}
.lang a{display:block; width:75px; height:30px; cursor:pointer;}
.lang li.hover,.lang li:hover{background:url(../images/lang_bg_03.jpg) no-repeat center;}

/*内页*/
.sub_slide{height:545px; overflow:hidden; position:relative; width:1000px;}
.sub_slide_list{width:1000px; height:515px; overflow:hidden; line-height:515px; position:absolute; z-index:9;}
.sub_banner{width:1000px; height:300px; overflow:hidden;}

.sub_content{ padding:10px 20px 10px;}
.sub_content h1{font-size:24px; color:#999; font-weight:bold; text-align:left; line-height:50px;}
.sub_content_detail{padding:10px 5px; text-align:left; line-height:30px;}


/* index */
#slide-index{min-width:1000px;width:auto; height:515px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1000px; width:auto; height:515px; }
#slide-index .slide{ min-width:1000px; height:515px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-500px; }
#slide-index .button{ display:none; width:138px;}

#slide-index .control{ position:absolute; bottom:0px; width:100%; text-align:center; height:19px; cursor:pointer; z-index:40;}
#slide-index .control a{ width:11px; height:11px; cursor:pointer; display:inline-block; background:#000000; filter:alpha(opacity=60);}
#slide-index .control a:hover, #slide-index .control a.active{ background:#FF9900; opacity:1; filter:alpha(opacity=100);}


.videoList-container{position:relative; margin-bottom:24px;}
.videoList-container .frame{ float:left; width:745px; position:relative;}
#dcar{ width:745px; overflow:hidden;position: relative; height:212px;}
#dcar .content_reel{ position:relative; left:0; top:0;}
.videoList-container .rightcontent{ min-height:172px; margin-left:376px; position:relative; padding:20px;}
.videoList-container .rightcontent h2{ font-size:18px; margin-bottom:13px; color:#333;font-weight:700;}
.videoList-container .rightcontent p{ color:#333;margin-bottom:10px;}
.videoList-container .leftcontent{ width:376px; height:212px; overflow:hidden; position: absolute;left: 0;top: 0;}
.videoList-container .video-link{ text-align:right; margin: 10px 0 0;}
.videoList-container .vid, .videoList-container .vid b, .videoList-container #thumbs{ background: url(../images/hw_063157.png) no-repeat scroll 0 0 transparent;font-size:14px;}
.videoList-container .vid{background-position: right 0;outline: medium none;}
.videoList-container .vid,.videoList-container .vid b{cursor: pointer; display: inline-block; height: 26px;line-height: 26px; text-decoration:none;}
.videoList-container .vid b{background-position: 0 0;margin: 0 10px 0 0;padding: 0 2px 0 17px;font-weight:400;}
.videoList-container a:link, .videoList-container a:hover, .videoList-container a:visited, .videoList-container a:active {color: #fff;}
.videoList-container a.vid:hover{ background-position:100% -26px;height:32px;}
.videoList-container a.vid:hover b{ background-position:0 -26px;height:32px; }
.videoList-container #thumbs {background-position: 0 -92px;background-repeat: repeat-x;height: 53px;/* position: absolute;*/width:100%;display:none; position:relative;clear:both}
.videoList-container #thumbs .mygallery{ display:inline-block; position:absolute; right:0;}
.videoList-container #thumbs .mygallery .overclear{white-space:nowrap;}
.videoList-container #thumbs a{border:2px solid #AAA; width:84px; height:26px; display:inline-block; margin-top:12px; margin-right:5px; overflow:hidden; background-color:#000;}
.videoList-container #thumbs a img{margin-top:-30px;}
.videoList-container #thumbs a:hover{border:2px solid #fff;}
.videoList-container #thumbs a.highlight{border:2px solid #fff;}
.videoList-container #thumbs a.prev, .videoList-container #thumbs a.next{ display:inline-block; width:26px; height:26px; margin-top:12px; margin-right:5px; border:none; display:none;}
.videoList-container #thumbs a.prev{ background-position:-71px -63px; position: absolute; left:10px; top:4px;}
.videoList-container #thumbs a.next{ background-position:-106px -63px; position: absolute; right:0px; top:4px;}
#thumbs_tool_tip{ position:absolute; display:none;}
.videoList-container #thumbs a.prev:hover, .videoList-container #thumbs a.next:hover{ border:none;}


